<template>
    <view class="p-top24 p-bot30" :style="{ '--color': color }">
        <navBar title="服务卡详情"></navBar>
        <CardInfo Buy></CardInfo>
        <Serverlist Buy></Serverlist>

        <Richtext></Richtext>
        <Store></Store>
    </view>
</template>

<script>
    import { mapState } from 'vuex'
    import CardInfo from '@/subCard/components/CardInfo.vue'
    import Serverlist from '@/subCard/components/Serverlist.vue'
    import Store from '@/subCard/components/Store.vue'
    import Richtext from '@/subCard/components/Richtext.vue'
    export default {
        components: {
            CardInfo,
            Serverlist,
            Store,
            Richtext
        },
        data() {
            return {
                headImg: 'https://msraimgcdn.mogoie.com/6099/1709797684310.JPG'
            }
        },
        onLoad(opt) {},
        methods: {},

        computed: {
            ...mapState(['color'])
        }
    }
</script>

<style>
    page {
        background-color: #f2f2f2;
    }
</style>
